<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/WEB-INF/common/taglibs.jsp"%>
<html>
  <head>
    <title>PNPOP</title>
	<link rel="stylesheet" type="text/css" href="css/regist.css">

  </head>
  
  <body>
    <div style="margin: 0px auto;width: 80%;">
	    <div style="float: left;width: 70%;border: 1px gray solid;">
	    	<div style="width: 100%;height: 30px;background: #eee;" align="center"><span>注册信息</span></div>
	    	<form class="registerform" action="">
	            <table width="80%" style="table-layout:fixed;font-size: 14px;margin: 0px auto;">
	                <tr>
	                    <td class="need" style="width:10px;">*</td>
	                    <td style="width:70px;">用户名：</td>
	                    <td style="width: 220px"><input type="text" value="" name="name" class="inputxt" datatype="s6-18" nullmsg="请输入昵称！" errormsg="昵称至少6个字符,最多18个字符！" /></td>
	                	<td style="width:10px;"></td>
	                	<td style="width: 80px"></td>
	                	<td style="width: 205px"></td>
	                </tr>
	                <tr>
	                    <td class="need">*</td>
	                    <td>密码：</td>
	                    <td><input type="password" value="" name="userpassword" class="inputxt" datatype="*6-16" nullmsg="请设置密码！" errormsg="密码范围在6~16位之间！" /></td>
	                    <td class="need" style="width:10px;">*</td>
	                    <td>确认密码：</td>
	                    <td><input type="password" value="" name="userpassword2" class="inputxt" datatype="*" recheck="userpassword" nullmsg="请再输入一次密码！" errormsg="您两次输入的账号密码不一致！" /></td>
	                </tr>
	                <tr>
	                	<td class="need" style="width:10px;">*</td>
	                    <td>邮箱：</td>
	                    <td><input type="text" value="" name="email" class="inputxt" datatype="e" nullmsg="请输入邮箱！" errormsg="邮箱格式不正确！" /></td>
	                	<td></td>
	                    <td>性别：</td>
	                    <td><input type="radio" value="1" name="gender" checked="checked"/><label for="male">男</label> <input type="radio" value="2" name="gender"/><label for="female">女</label></td>
	                </tr>
	                <tr>
	                    <td class="need"></td>
	                    <td></td>
	                    <td style="padding:10px 0 18px 0;">
	                        <input type="button" value="提 交" class="ajaxpost" />
	                    </td>
	                    <td></td>
	                    <td style="padding:10px 0 18px 0;">
	                    	<input type="reset" value="重 置" />
	                    </td>
	                    <td></td>
	                </tr>
	            </table>
	        </form>
	    </div>
	    <div style="float: right;width: 26%;background: #eee;height: 500px;border: 1px gray solid;">
	    	其他渠道登录
	    </div>
    </div>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/Validform_v5.3.2_min.js"></script>
    <script type="text/javascript">
		$(function(){
			var demo=$(".registerform").Validform();
			$(".ajaxpost").click(function(){
				demo.ajaxPost();
				return false;
			});
		})
</script>
  </body>
</html>
